.header {
  position: sticky;
  top: 0;
  background-color: light-dark(
    var(--mantine-color-white),
    var(--mantine-color-dark-8)
  );
  transition: box-shadow 150ms ease;
  z-index: 10;

  &::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid light-dark(
      var(--mantine-color-gray-2),
      var(--mantine-color-dark-3)
    );
  }
}

.scrolled {
  box-shadow: var(--mantine-shadow-sm);
}

.rowSelected {
  background-color: var(--mantine-primary-color-light);
}
